#title "Images"
Managing GIFs and JPEGs is tricky in all website management tools. There really is no way to systematize it without limiting some options. 

So, if the style of image management that we implement isn't your way of doing it, you can either adopt our way, or customize the macros to make it work your way, or continue to manage images the way you currently do it.

***Self-contained websites

The debate is over websites that contain all the information they display, making it easy to back up or move the site; versus distributing the information, concentrating all the graphics and scripts for all sites in one central place.

There are advantages to both approaches. To switch this fundamental nature thru a preference setting is hugely complicated. 

So we went with the self-contained approach.

***The Images folder

When we look for an image, we look for a folder called \"Images" at the same level as your #template.html file. It can be an alias to another folder.

***The imageTag Macro

You can include a graphic image in your text using the imageTag macro.

For example, \{imageTag ("windows")} generates:

<code>
&lt;img src="images/windows.gif" border=0 alt="windows" height=62 width=102>
</code>

***imageTag also copies the file

The imageTag macro copies the file from the Images folder into a folder named Images at the top level of the Output folder. It generates a relative link to the image file.

***Generates height and width

The macro also automatically generates the height and width attributes of the IMG tag for GIF images.

***Optional parameters

The imageTag macro can take several optional parameters that correspond to the attributes of the IMG tag: alt, hspace, align, usemap, height and width.

Examples:

\{imageTag ("windows.gif", height:100, width:200)}

\{imageTag ("windows.gif", alt:"The Windows Operating System")}

***Viewing the macro script

To see the source for the script, choose Macros from the Open in Frontier sub-menu. It opens the user.html.macros table. You'll see imageTag in that table. See the Frontier website for details on navigating thru the object database.